.nameplateContainer {
    display: flex;
    width  : 100%;
    height : calc(100vh - 91.2px);

    >div {
        display    : flex;
        flex-wrap  : wrap;
        color      : rgba(255, 255, 255, 0.85);
        font-family: PingFangSC-Regular, "PingFang SC";
        font-weight: 400;

        &:first-child {
            flex-basis : 690px;
            flex-shrink: 0;
        }

        &:last-child {
            border-left: 2px solid #797979;
            flex       : 1
        }
    }

}

.nameplate-row {
    display    : flex;
    width      : 33%;
    height     : 60px;
    align-items: center;
    flex-wrap  : nowrap;

    .row-key {
        width     : 122px;
        text-align: right;
    }
}

/deep/ .ant-tabs-top>.ant-tabs-nav {
    margin: 0;
}

.testInfoContainer {
    padding  : 20px 0 0 60px;
    color    : rgba(255, 255, 255, 0.85);
    font-size: 22px;
    height   : calc(100vh - 91.2px);

    >div {
        display    : flex;
        height     : 80px;
        align-items: center;

        span {
            display: block;

            &:first-child {
                width       : 418px;
                margin-right: 30px;
            }
        }
    }
}

.utilizationContainer {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    height         : calc(100vh - 45.6px);
    padding-top    : 22%;

    >div {
        width   : 33%;
        height  : 100%;
        position: relative;

        >span {
            position : absolute;
            font-size: 12px;
            top      : 0;
            z-index  : 999;
            left     : 40%;
            top      : 42%;
            color    : #fff;
        }
    }


}

.softwareContainer {
    height: calc(100vh - 45.6px);
    color : #ffffff;

    .equip-software-top {
        padding  : 40px 0 0 108px;
        font-size: 23px;

        >div {
            display: flex;

            &:first-child {
                margin-bottom: 60px;
            }

            >span {
                display: block;

                &:first-child {
                    width: 400px;
                }
            }
        }
    }

    .equip-software-table {
        margin: 150px 0 0 108px;

        table {
            width: 100%;

            tr {
                height: 48px;
            }

            th,
            td {
                width: 33%;
            }
        }
    }
}

.stateEvaluationContainer {
    height : calc(100vh - 45.6px);
    color  : #ffffff;
    padding: 90px 0 0 80px;

    >div {
        height     : 33%;
        display    : flex;
        align-items: center;

        >span {
            display     : flex;
            align-items : center;
            margin-right: 8px;

            &:first-child {
                font-size: 26px;
                width    : 300px;
            }

            >span {
                display         : block;
                width           : 100%;
                height          : 6px;
                background-color: red;
                border-radius   : 6px;

            }
        }

        &:not(:last-child)>span {
            &:last-child {
                width           : 180px;
                height          : 3px;
                background-color: #f3f3f3;
                border-radius   : 6px;
            }
        }
    }
}

.loadRateContainer {
    height: calc(100vh - 45.6px);

    .rate-echart {
        width : 100%;
        height: 100% !important;
    }

}

.maintenanceRecordContainer,
.defectRecordContainer {

    .record-table {
        padding: 0 24px;
    }

    .record-bar {
        margin      : 24px 0;
        padding-left: 36px;
        display     : flex;
        align-items : center;

        span {
            color: #fff;

            &:last-child {
                margin-left: 10px;
            }
        }
    }

}

.record-modal {
    >div {
        height         : 40px;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        flex-wrap      : wrap;

        >span {
            display: block;
            width  : 25%;

        }


    }
}

.dataHandlingContainer {

    .nameplate-input {
        padding: 30px 0 0 18px;

        form {
            display  : flex;
            flex-wrap: wrap;

            .ant-form-item {
                width      : 33%;
                flex-shrink: 0;
                height     : 40px;

                input {
                    width           : 134px;
                    background-color: transparent;
                    color           : rgba(255, 255, 255, 0.8) !important;
                }
            }

        }

        /deep/ .ant-form-item-label>label {
            color          : rgba(255, 255, 255, 0.8) !important;
            width          : 128px;
            justify-content: flex-end;
        }


    }

    .testInfo-input {
        padding: 30px 0 0 30px;

        form {
            display    : flex;
            align-items: center;
            flex-wrap  : wrap;

            .ant-form-item {
                width      : 100%;
                height     : 50px;
                align-items: center;

                input {
                    width           : 254px;
                    height          : 60px;
                    background-color: transparent;
                    color           : rgba(255, 255, 255, 0.8) !important;
                }
            }

        }

        /deep/ .ant-form-item-label>label {
            color    : rgba(255, 255, 255, 0.8) !important;
            width    : 488px;
            font-size: 22px;
        }
    }

    .maintenance-record-input {
        form {
            display    : flex;
            align-items: center;
            flex-wrap  : wrap;
            margin     : 0 auto;
            width      : 50%;
        }

        /deep/ .ant-form-item-label>label {
            color: rgba(255, 255, 255, 0.8) !important;
            width: 188px;

        }

        .ant-form-item {
            width      : 100%;
            height     : 50px;
            align-items: center;

            /deep/ input,
            textarea,
            .ant-select-selection-item .ng-star-inserted { 
                width           : 240px;
                background-color: transparent;
                color           : rgba(255, 255, 255, 0.8) !important;
            }
        }
    }

}